<template>
  <div>
    <el-row style="margin-top:13px;">
      <img v-if="ddu" :src="ddu" />
    </el-row>
    <el-row style="margin-left:3px;">
      {{ this.arrivalTotalPackages == null ? 0 : this.arrivalTotalPackages }}件
    </el-row>
  </div>
</template>

<script>
import { ajax } from "@/store/yg/common/utils";
import axios from "axios";
import * as constant from "@/store/yg/common/constant";
import { m } from "@/store/yg/common/local";

import dduPng from "@/assets/images/ddu.png";
import ddpPng from "@/assets/images/ddp.png";

export default {
  props: ["row", "data", "more"],
  data() {
    return {
      arrivalTotalPackages: 0,
      ddu: dduPng,
      ddp: ddpPng,

      systemReamrk: ""
    };
  },

  methods: {
    initShow(deliveryTerms) {
      if (null != deliveryTerms && deliveryTerms == "DDP") {
        this.ddu = ddpPng;
      } else {
        this.ddu = dduPng;
      }
    }
  },
  mounted() {
    this.systemReamrk = this.data["sysRemark"];
    const deliveryTerms = this.data["deliveryTerms"];
    this.arrivalTotalPackages = this.data["arrivalTotalPackages"];
    this.initShow(deliveryTerms);
  }
};
</script>

<style>
.top {
  text-align: center;
}
</style>
